<script>
	export default {
		
		onLaunch: function() {
			console.log('App Launch')
		},
		onShow: function() {
			console.log('App Show')
		},
		onHide: function() {
			console.log('App Hide')
		}
	}
</script>

<style  lang="scss">
	/*每个页面公共css */
	page{
		font-size:30rpx;
	}
	/* 添加删除商品按钮 */
	.showInput {
		width: 140rpx;
		font-size:28rpx;
		@include flexs(flex-end, center);
		color: #000000;
		// border-radius: 60rpx;
		// border: 1px solid #ccc;
		// padding: 0 8rpx;
		overflow: hidden;
	
		button {
			width: 55rpx;
			height: 55rpx;
			line-height: 55rpx;
			text-align: center;
			font-size: 55rpx;
			position: relative;
			background: #fff;
			border-radius: 50%;
			padding:0;
			&.down,
			&.add {
				border: 6rpx solid #eb5b1e;
				&::after {
					content: '';
					position: absolute;
					top: 50%;
					left:50%;
					transform: translate(-50%,-50%);
					width: 30rpx;
					height: 6rpx;
					border-radius: 6rpx;
					background:#eb5b1e;
				}
			}
	
			&.add {
				
				&::before {
					content: '';
					position: absolute;
					top: 50%;
					left: 50%;
					transform: translate(-50%,-50%);
					width: 6rpx;
					height: 30rpx;
					border-radius: 6rpx;
					background: #eb5b1e;
				}
	
			}
		}
		.count{
			flex:1;
			padding:0 10rpx;
			text-align: center;
		}
		.operation{
			width:44rpx;
			height: 44rpx;
			image{
				display: inline-block;
				width:100%;
				height:100%;
			};
		}
		input {
			font-size:28rpx;
			width: calc(100% - 140rpx);
			text-align: center;
			height: 60rpx;
			min-height: 60rpx;
			line-height: 60rpx;
		}
	}
</style>